$(function () {
    // 添加表单的弹出层id
    let addIndex = null
    let editIndex = null

    // 获取文章分类信息
    function initArtCate() {
        $.get('/my/article/cates', function (res) {
            if (res.status === 0) {
                $('tbody').html(template('tmpl-tr', res))
            }
        })
    }
    // 调用获取文章分类信息的函数
    initArtCate()
    // 给添加类别按钮注册点击事件
    $('#btnShowAdd').click(function () {
        // 点击出现弹出层
        addIndex = layer.open({
            type: 1,
            title: '添加文章分类',
            area: ['500px', '250px'],
            content: $('[id="tmpl-form-add"]').html()
        });

    })
    // 监听添加表单的提交事件
    $('body').on('submit','#form-add',function(e){
        e.preventDefault()
        $.post('/my/article/addcates',$(this).serialize(),function(res){
         if(res.status === 0){
             console.log(res);
            initArtCate()
            layer.close(addIndex)
         }
        })

    })
    // 给编辑类型按钮注册点击事件
    $('body').on('click','.bianji',function(){
         // 点击出现弹出层
         editIndex = layer.open({
            type: 1,
            title: '添加文章分类',
            area: ['500px', '250px'],
            content: $('[id="tmpl-form-edit"]').html()
        });
        // 通过自定义属性获得id
        const id = $(this).attr('data-id')
        // console.log(id);
        // 发起请求
        $.get('/my/article/cates/'+ id ,function(res){
            if(res.status === 0){
                // 表单快速赋值
                layui.form.val('form-edit',res.data)
            }
        })
    })
     // 监听编辑表单的提交事件
     $('body').on('submit','#form-bj',function(e){
        e.preventDefault()
        console.log($(this).serialize());
        $.post('/my/article/updatecate',$(this).serialize(),function(res){
            // console.log(res);
            // console.log($(this).serialize());
            if(res.status === 0){
                layer.msg(res.message)
                // 成功
                // 刷新
                initArtCate()
                // 关闭弹出层
                layer.close(editIndex)
            }
        })
     })
    //  给删除按钮注册点击事件
     $('body').on('click','.shanchu',function(){
         const id = $(this).attr('data-id')
         layer.confirm('确认删除吗?', {icon: 3, title:'提示'}, function(index){
            //do something
            // 关闭之后再删除
            layer.close(index);
            // 发起删除请求
            $.get('/my/article/deletecate/'+ id,function(res){
                //  console.log(res);
                if(res.status === 0){
                    layer.msg(res.message)
                    // 成功
                    // 调用获取文章分类信息的函数 刷新
                     initArtCate()
                }
             })
          });
       
     })
})